<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 标题标签(CTRL/一键注释) -->

     <!-- h1-h6渐变 -->
      <h1>most</h1>

      <!-- 段落标签 -->
       <P>一段文字</P>

      
       <!-- 换行 -->
        <br>

        <!-- 水平线 -->
         <hr>

        <!-- 图片 -->
         <!-- src写相对或绝对路径 alt就是图片显示不了，你写个文本解释一下 -->
          <!-- width height设置宽高 -->
        <img src="D:\OneDrive\Desktop\sabasidian-heart.jpg" alt="是可爱的塞巴斯蒂安哦" width="50" height="50"> 

        <!-- 超链接 -->
         <a href="https://www.baidu.com/">点击这里跳转百度</a>

         <!-- 音频 -->
          <!-- 控制面板和循环播放 -->
         <audio src="" controls loop></audio>

         <!-- 视频 -->
        <!-- 多一个静音播放 -->
         <video src="" controls loop muted></video>

         <!-- 无序列表 -->
          <ul>
            <!-- 列表条目 -->
            <li>elio</li>
            <li>oliver</li>
          </ul>

          <!-- 有序列表 -->
           <ol>
            中路一生要保护的三样东西
            <li>野区的buff</li>
            <li>自己的兵线</li>
            <li>中路的防御塔</li>
           </ol>

           <!-- 定义列表 -->
            <dl>
                <dt>dot队</dt>
                <dd>拿刀又拿枪女子</dd>
                <dd>黑头纱女子</dd>
            </dl>

            <!-- 表格 -->
             <table border="1"><!-- 边框 --> 
                <thead> 
                    <!-- 更明显的区域划分 -->
                  <tr>
               <th>姓名</th><!-- 表头 -->
               <th>语文</th>
               <th>数学</th>
               <th>总分</th>
               </tr><!-- 行 -->  
                </thead>   
               <tbody>
                <tr>
                <td>li</td>
                <td>97</td>
                <td>100</td>
                <td rowspan="2">197</td>
                <!-- 行合并 -->
               </tr>
               <tr>
                <td>ge</td>
                <td>98</td>
                <td>99</td>
                <!-- <td>197</td> -->
               </tr>
               <tr>
               </tbody>
               <tfoot>
                <td>总</td>
                <td colspan="3">一等奖</td>
                <!-- <td></td> -->
                <!-- <td>一等奖</td> -->
                 <!-- 还是要注释掉 -->
               </tr>
               </tfoot>
             </table>

             <form action="">
              form <br>
               <!-- form让这个区域为一个整体 -->
              <!-- action里是提交地址 -->

              <!-- input标签 -->
              <input type="text" placeholder="name"><br>
              <input type="password" placeholder="password"><br>
              <input type="radio" name="gender" checked>boy
              <input type="radio" name="gender" >girl
              <!-- name多选一 checked默认选中 -->
              <!-- 单选框 -->
               <br>
              <button type="submit">提交</button>
              <button type="reset">重置</button>
               <!-- 按钮 -->
             </form>
             
               <br>

               从下列选项中选出正确答案
              <input type="checkbox">a
              <input type="checkbox">b
              <input type="checkbox">c
              <input type="checkbox">d
              <!-- 多选框 -->

               <br>

               城市：
               <select>
                <!-- 下拉菜单 -->
                <option>开封</option>
                <option>南京</option>
                <option>西安</option>
                <option>天津</option>
                <option>合肥</option>
                <option selected>蒙城</option>aa
               </select>

               <br>

               <textarea cols="30" rows="10"></textarea>
               <!-- 右下角不要推拽哦 -->
               <!-- 以后用css设置大小 -->

                <br>

               <!-- 常见字符实体 -->
                &nbsp;&lt;&gt;
                <!-- 缩写nobreakingspace lessthan greaterthan -->


                <!-- 感觉还以知识点还是分开吧，都放一个里不方便看 -->
</body>
</html>